前端那些事

vuePress-theme-reco chenpeng    2020 - 2021
前端那些事 前端那些事

Choose mode

  • dark
  • auto
  • light
首页
文章目录
  • Browser
  • CSS
  • ES6
  • JavaScript
  • Network
  • TypeScript
  • Vue
  • Vue3
  • Webpack
标签
时间轴
GitHub
author-avatar

chenpeng

85

Article

25

Tag

首页
文章目录
  • Browser
  • CSS
  • ES6
  • JavaScript
  • Network
  • TypeScript
  • Vue
  • Vue3
  • Webpack
标签
时间轴
GitHub
  • JS-数组

    • 数组常用方法
    • 类数组与数组的区别与转换
    • map与forEach的区别

类数组与数组的区别与转换

vuePress-theme-reco chenpeng    2020 - 2021

类数组与数组的区别与转换

chenpeng 2020-12-01 JS数组

# 类数组:

  1. 拥有 length 属性,其他属性(索引)为非负整数(对象中的索引会被当做字符串来处理)
  2. 不具有数组的方法
  3. 类数组是一个普通对象,而数组是 Array 类型

常见的类数组有:

  1. 函数的参数 arguments
  2. DOM 方法返回的结果
  3. jQuery 对象(比如 $('div'))

# 类数组转换为数组:

  1. Array.prototype.slice.call

    const divs = document.querySelectorAll('div');
    const newDivs = Array.prototype.slice.call(divs);
    
    1
    2
  2. 扩展运算符

    const divs = document.querySelectorAll('div');
    const newDivs = [...divs];
    
    1
    2
  3. Array.from

    const divs = document.querySelectorAll('div');
    const newDivs = Array.from(divs);
    
    1
    2